<template>
  <a-form auto-label-width layout="inline">
    <a-form-item label="内圆半径">
      <xiri-form
        v-model="option.seriespie.radius[0]"
        :format="(value, { fixedNumber }) => `${fixedNumber} %`"
        option="number"
      />
    </a-form-item>
    <a-form-item label="外圆半径">
      <xiri-form
        v-model="option.seriespie.radius[1]"
        :format="(value, { fixedNumber }) => `${fixedNumber} %`"
        option="number"
      />
    </a-form-item>
    <a-form-item label="间隔">
      <xiri-form v-model="option.seriespie.padAngle" min="0" max="360" option="number" />
    </a-form-item>
    <a-form-item label="起始角度">
      <xiri-form v-model="option.seriespie.startAngle" min="0" max="360" option="number" />
    </a-form-item>
    <a-form-item label="最小角度" help="用于防止某个值过小导致扇区太小影响交互">
      <xiri-form v-model="option.seriespie.minAngle" min="0" max="360" option="number" />
    </a-form-item>
    <a-form-item label="南丁格尔图">
      <a-switch v-model="option.seriespie.roseType" />
    </a-form-item>
    <item-style :options="option.seriespie.itemStyle" />
  </a-form>
</template>
<script setup>
import ItemStyle from "@/plugins/common/options/itemStyle.vue"

const attrs = useAttrs()
const option = attrs.option
</script>

<style scoped></style>
